<template>
<div>
    
    <van-nav-bar placeholder=true title="分类-游戏机" left-text="返回" left-arrow @click-left="onClickLeft" />
<van-row type="flex">
<van-col span="6">

<van-sidebar class="sidebar" v-model="activeKey">
    <van-sidebar-item title="笔记本" to="/laptop" />
    <van-sidebar-item title="摄影摄像" to="/Photography" />
    <van-sidebar-item title="手机" to="/phone"/>
    <van-sidebar-item title="游戏机" to="/xbox"/>
</van-sidebar>

</van-col>

<van-col span="6">

<van-grid :border="false">
<van-grid-item @click="iswitch">
    <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/322d92bfed16469a8fb0a1ad8dc95d81.jpg" width="80px" height="80px"/>
    <span>Switch</span>
</van-grid-item>
<van-grid-item @click="ipsp">
    <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/de5b8062dbfd464f8399e240b1f68e2f.jpg" width="80px" height="80px"/>
    <span>psp</span>
</van-grid-item>
<van-grid-item @click="i3ds">
    <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/ef73970aa86b46f8a6e417ec8c5c8759.jpg" width="80px" height="80px"/>
    <span>3ds</span>
</van-grid-item>
</van-grid>

</van-col>

<van-col span="6">

<van-grid :border="false">
<van-grid-item @click="ips4" >
    <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/790cf3ab03354926902f1df684606aa2.jpg" width="80px" height="80px"/>
    <span>ps4</span>
</van-grid-item>
<van-grid-item @click="ips5">
    <van-image src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/38e557ec306b4e21b66d3785f2fda8e8.jpg" width="80px" height="80px"/>
    <span>ps5</span>
</van-grid-item>
</van-grid>

</van-col>

<van-col span="6">

<van-grid :border="false">
<van-grid-item>
    <van-image @click="iswitchOLED" src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/fb9ade3f628443a8b3a9663d7e41b3ff.jpg"  width="80px" height="80px" />
    <span>switchOLED</span>
</van-grid-item>
<van-grid-item>
    <van-image @click="ixbox" src="http://luxuejia-1300969111.cos.ap-guangzhou.myqcloud.com/files/adalab/bb0719a2d647414caa550b0c0a18d71a.jpg" width="80px" height="80px" />
    <span>xbox</span>
</van-grid-item>
</van-grid>

</van-col>

</van-row>
</div>
</template> 

<script>
export default {
    data() {
    return {
        activeKey: 3,
        }
    },
    mounted() {
    },
    created() {
    },
    destroyed() {
    },
    methods: {
    iswitch(){
    this.$store.commit("changesousuoinput", "Switch")
    this.$router.push({path: '/sousuo',})},
    ipsp(){
    this.$store.commit("changesousuoinput", "psp")
    this.$router.push({path: '/sousuo',})},
    i3ds(){
    this.$store.commit("changesousuoinput", "3DS")
    this.$router.push({path: '/sousuo',})},
    ips4(){
    this.$store.commit("changesousuoinput", "PS4")
    this.$router.push({path: '/sousuo',})},
    ips5(){
    this.$store.commit("changesousuoinput", "PS5")
    this.$router.push({path: '/sousuo',})},
    iswitchOLED(){
    this.$store.commit("changesousuoinput", "SwitchOLED")
    this.$router.push({path: '/sousuo',})},
    ixbox(){
    this.$store.commit("changesousuoinput", "Xbox")
    this.$router.push({path: '/sousuo',})},
    onClickLeft() {   
        this.$store.commit("changesousuoinput", "")
        this.$router.push({
        path: '/sousuo', })
    },
    },
}
</script>
<style scoped>
span{
    font-size: larger;
}
.sidebar{
    position:fixed;
    top:10vh;
    left: 0px;
}
</style>
